<template>
	<view class="my-search-container">
		<view class="my-search-box">
			<!-- 图标 -->
			<image class="icon" src="/static/c2.png"/>
			<!-- 文本 -->
			<text class="placeholder">{{placeholderText}}</text>
		</view>
	</view>
</template>

<script>
	export default {
		name:"my-search",
		props:{
			placeholderText:{
				type:String,
				default:'搜索'
			},
			iconimg:{
				type:String,
				default:'/static/c2.png'
			},
		},
		data() {
			return {
			};
		}
	}
</script>

<style lang="scss">
.my-search-container{
	display: flex;
	align-items: center;
	.my-search-box{
		height:36px;
		background-color: $uni-bg-color;
		border-radius: 10px;
		border: 1px solid $uni-border-4;
		display: flex;
		align-items: center;
		width:100%;
		padding:0 $uni-spacing-base;
		.icon{
			width: $uni-img-size-sm;
			height: $uni-img-size-sm;
		}
		.placeholder{
			font-size: $uni-font-size-sm;
			margin-left: $uni-spacing-row-sm;
			color:$uni-text-color-placeholder;
		}
	}
}
</style>